@font-face {
    font-family: icomoon-psnl;
    src: url(../fonts/psnl_iconfont_20200906.ttf);
    font-weight: 400;
    font-style: normal;
    line-height: 1
}

.bg-fill {
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 10001
}

@media only screen and (max-width:480px) {
    html {
        font-size: 128px
    }
}

@media only screen and (max-width:414px) {
    html {
        font-size: 110.4px
    }
}

@media only screen and (max-width:412px) {
    html {
        font-size: 109.86667px
    }
}

@media only screen and (max-width:400px) {
    html {
        font-size: 106.66667px
    }
}

@media only screen and (max-width:393px) {
    html {
        font-size: 104.8px
    }
}

@media only screen and (max-width:375px) {
    html {
        font-size: 100px
    }
}

@media only screen and (max-width:360px) {
    html {
        font-size: 96px
    }
}

@media only screen and (max-width:345px) {
    html {
        font-size: 92px
    }
}

@media only screen and (max-width:320px) {
    html {
        font-size: 85.33333px
    }
}

html {
    -webkit-text-size-adjust: none;
    font-size: 26.66667vw
}

@media only screen and (min-width:768px) {
    html {
        font-size: 204.8px
    }
}

* {
    border: 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    margin: 0;
    font-family: PingFangSC-Regular, STHeiti STXihei, Microsoft YaHei, Microsoft JhengHei, miui
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    vertical-align: baseline;
    border: 0 none;
    list-style: outside none none
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    color: #333;
    background-color: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    resize: none
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

body {
    background: #f4f4f4;
    color: #666;
       font-size: initial;
    line-height: 1.5
}

body,
div.navbar,
header {
    margin: auto;
    max-width: 768px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.base-list-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 1
}

.double-grid-one {
    width: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: .03rem
}

.double-grid-item {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.double-grid-item .goods-image,
.double-grid-item img {
    width: 1.86rem;
    height: 1.86rem;
    overflow: hidden
}

.double-grid-item .goods-image img,
.double-grid-item img img {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 1.86rem
}

.double-grid-item .goods-name {
    position: relative;
    padding: .07rem .08rem 0;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-size: .12rem;
    color: #333;
    height: .44rem;
    line-height: 1.5
}

.double-grid-item .goods-name .activity-flag {
    position: relative;
    width: .14rem;
    height: auto;
    vertical-align: middle
}

.double-grid-item .goods-name .activity-flag-gap {
    margin-right: .04rem
}

.double-grid-item .goods-name .activity-flag-spike:before {
    content: "\E681";
    font-size: .14rem;
    color: #ffc32a;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-economical-brand:before {
    content: "\E68B";
    font-size: .14rem;
    color: #ffc32a;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-go-shopping:before {
    content: "\E67F";
    font-size: .14rem;
    color: #ff70b0;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-good-fruit:before {
    content: "\E67E";
    font-size: .14rem;
    color: #1ecd16;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .goods-name .activity-flag-brand-clear:before {
    content: "\E68E";
    font-size: .14rem;
    color: #ff70b0;
    font-family: icomoon;
    line-height: 1;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.double-grid-item .detail {
    width: 100%;
    padding: .02rem .07rem 0;
    position: relative;
    height: .31rem;
    font-size: 0;
    line-height: 1.5
}

.double-grid-item .detail b {
    color: #ee2e3a;
    font-weight: 700
}

.double-grid-item .detail .price-icon {
    font-size: .1rem
}

.double-grid-item .detail .price {
    font-size: .16rem
}

.double-grid-item .detail .info {
    position: absolute;
    right: .07rem;
    bottom: .08rem;
    top: .05rem;
    font-size: .13rem;
    color: #9c9c9c
}

.gap-right {
    margin-right: .015rem
}

.gap-left {
    margin-left: .015rem
}

body {
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.enable-select,
div[contentEditable=true],
input,
p[contentEditable=true],
textarea {
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text
}

a[data-active=red]:active,
button[data-active=red]:active,
div[data-active=red]:active,
p[data-active=red]:active {
    color: #edbbb8 !important;
    background-color: #c51e14 !important
}

a[data-active=yellow]:active,
button[data-active=yellow]:active,
div[data-active=yellow]:active,
p[data-active=yellow]:active {
    color: #fce2bc !important;
    background-color: #f69e20 !important
}

a[data-active=ghost-red]:active,
button[data-active=ghost-red]:active,
div[data-active=ghost-red]:active,
p[data-active=ghost-red]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important;
    border-color: #e02e24 !important
}

a[data-active=ghost-gray]:active,
button[data-active=ghost-gray]:active,
div[data-active=ghost-gray]:active,
p[data-active=ghost-gray]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border-color: #8c8c8c !important
}

a[data-active=cell-white]:active,
button[data-active=cell-white]:active,
div[data-active=cell-white]:active,
p[data-active=cell-white]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

a[data-active=cell-red]:active,
button[data-active=cell-red]:active,
div[data-active=cell-red]:active,
p[data-active=cell-red]:active {
    background-color: #f9d7d5 !important
}

a[data-active=cell-yellow]:active,
button[data-active=cell-yellow]:active,
div[data-active=cell-yellow]:active,
p[data-active=cell-yellow]:active {
    background-color: #f9eda1 !important
}

a[data-active=after-red]:after,
a[data-active=before-red]:before,
button[data-active=after-red]:after,
button[data-active=before-red]:before,
div[data-active=after-red]:after,
div[data-active=before-red]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-red]:active,
button[data-active=before-red]:active,
div[data-active=before-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=before-red]:active:before,
button[data-active=before-red]:active:before,
div[data-active=before-red]:active:before {
    opacity: .15
}

a[data-active=after-red]:active,
button[data-active=after-red]:active,
div[data-active=after-red]:active {
    color: hsla(0, 0%, 100%, .6) !important
}

a[data-active=after-red]:active:after,
button[data-active=after-red]:active:after,
div[data-active=after-red]:active:after {
    opacity: .15
}

a[data-active=after-white]:after,
a[data-active=before-white]:before,
button[data-active=after-white]:after,
button[data-active=before-white]:before,
div[data-active=after-white]:after,
div[data-active=before-white]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-white]:active,
button[data-active=before-white]:active,
div[data-active=before-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=before-white]:active:before,
button[data-active=before-white]:active:before,
div[data-active=before-white]:active:before {
    opacity: .05
}

a[data-active=after-white]:active,
button[data-active=after-white]:active,
div[data-active=after-white]:active {
    color: rgba(0, 0, 0, .6) !important
}

a[data-active=after-white]:active:after,
button[data-active=after-white]:active:after,
div[data-active=after-white]:active:after {
    opacity: .05
}

a[data-active=after-ghost]:after,
a[data-active=before-ghost]:before,
button[data-active=after-ghost]:after,
button[data-active=before-ghost]:before,
div[data-active=after-ghost]:after,
div[data-active=before-ghost]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #e02e24;
    pointer-events: none;
    border-radius: inherit
}

a[data-active=before-ghost]:active,
button[data-active=before-ghost]:active,
div[data-active=before-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-ghost]:active:before,
button[data-active=before-ghost]:active:before,
div[data-active=before-ghost]:active:before {
    opacity: .05
}

a[data-active=after-ghost]:active,
button[data-active=after-ghost]:active,
div[data-active=after-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-ghost]:active:after,
button[data-active=after-ghost]:active:after,
div[data-active=after-ghost]:active:after {
    opacity: .05
}

a[data-active=base-btn-red]:active,
button[data-active=base-btn-red]:active,
div[data-active=base-btn-red]:active,
li[data-active=base-btn-red]:active,
span[data-active=base-btn-red]:active {
    color: hsla(0, 0%, 100%, .7) !important;
    background-color: #c51e14 !important
}

a[data-active=base-btn-white]:active,
button[data-active=base-btn-white]:active,
div[data-active=base-btn-white]:active,
li[data-active=base-btn-white]:active,
span[data-active=base-btn-white]:active {
    color: #878789 !important;
    background-color: #ebebeb !important;
    border: none !important
}

a[data-active=base-btn-white]:active:after,
button[data-active=base-btn-white]:active:after,
div[data-active=base-btn-white]:active:after,
li[data-active=base-btn-white]:active:after,
span[data-active=base-btn-white]:active:after {
    content: "";
    position: absolute;
    width: 199%;
    height: 200%;
    border: 1px solid #8c8c8c;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
    border-radius: 8px;
    top: 0;
    left: 0
}

@media only screen and (-webkit-device-pixel-ratio:1.5) {

    a[data-active=base-btn-white]:active:after,
    button[data-active=base-btn-white]:active:after,
    div[data-active=base-btn-white]:active:after,
    li[data-active=base-btn-white]:active:after,
    span[data-active=base-btn-white]:active:after {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

a[data-active=base-btn-ghost]:active,
button[data-active=base-btn-ghost]:active,
div[data-active=base-btn-ghost]:active,
li[data-active=base-btn-ghost]:active,
span[data-active=base-btn-ghost]:active {
    color: #c51e14 !important;
    background-color: #fdf3f2 !important
}

a[data-active=base-text-black]:active,
button[data-active=base-text-black]:active,
div[data-active=base-text-black]:active,
li[data-active=base-text-black]:active,
span[data-active=base-text-black]:active {
    color: #151516 !important
}

a[data-active=base-text-red]:active,
button[data-active=base-text-red]:active,
div[data-active=base-text-red]:active,
li[data-active=base-text-red]:active,
span[data-active=base-text-red]:active {
    color: #c51e14 !important
}

a[data-active=base-text-black-bg]:active,
button[data-active=base-text-black-bg]:active,
div[data-active=base-text-black-bg]:active,
li[data-active=base-text-black-bg]:active,
span[data-active=base-text-black-bg]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/iconfont_20180706.ttf);
    font-weight: 400;
    font-style: normal;
    line-height: 1
}

.icon {
    font-family: icomoon;
    font-style: normal;
    font-smoothing: antialiased
}

.icon-button-add:before {
    content: "\E604"
}

.icon-seckill-ing:before {
    content: "\E608"
}

.icon-seckill-forthcoming:before {
    content: "\E609"
}

.icon-productdet-right:before {
    content: "\E60B"
}

.icon-round-2:before {
    content: "\E677"
}

.icon-round-1:before {
    content: "\E678"
}

.icon-category-bag:before {
    content: "\E60C"
}

.icon-category-cosmetics:before {
    content: "\E60D"
}

.icon-category-appliances:before {
    content: "\E60E"
}

.icon-category-baby:before {
    content: "\E60F"
}

.icon-category-food:before {
    content: "\E610"
}

.icon-category-home:before {
    content: "\E611"
}

.icon-category-furniture:before {
    content: "\E612"
}

.icon-category-fruit:before {
    content: "\E613"
}

.icon-category-overseas:before {
    content: "\E614"
}

.icon-me-address-line:before {
    content: "\E615"
}

.icon-arrows-down:before {
    content: "\E616"
}

.icon-arrows-right:before {
    content: "\E617"
}

.icon-search:before {
    content: "\E618"
}

.icon-productdet-collect:before {
    content: "\E619"
}

.icon-arrows-up:before {
    content: "\E61A"
}

.icon-topnav-back:before {
    content: "\E61B"
}

.icon-topnav-share:before {
    content: "\E61C"
}

.icon-close:before {
    content: "\E61D"
}

.icon-exceed-chatting:before {
    content: "\E61E"
}

.icon-address-edit:before {
    content: "\E61F"
}

.icon-group-prompt:before {
    content: "\E620"
}

.icon-address-delete:before {
    content: "\E621"
}

.icon-group-info:before {
    content: "\E622"
}

.icon-order-choose:before {
    content: "\E623"
}

.icon-label-postage:before {
    content: "\E624"
}

.icon-label-topspeed:before {
    content: "\E625"
}

.icon-orderdet-connect:before {
    content: "\E626"
}

.icon-label-quality:before {
    content: "\E627"
}

.icon-orderdet-tel:before {
    content: "\E628"
}

.icon-productdet-service:before {
    content: "\E629"
}

.icon-tag-hot:before {
    content: "\E62A"
}

.icon-productdet-store:before {
    content: "\E62B"
}

.icon-column-fire1:before {
    content: "\E62C"
}

.icon-column-choice1:before {
    content: "\E62D"
}

.icon-column-inform1:before {
    content: "\E62E"
}

.icon-column-recommend:before {
    content: "\E62F"
}

.icon-column-commend1:before {
    content: "\E630"
}

.icon-column-clock1:before {
    content: "\E631"
}

.icon-column-seckill1:before {
    content: "\E632"
}

.icon-me-address1:before {
    content: "\E633"
}

.icon-column-tag1:before {
    content: "\E634"
}

.icon-me-luckydraw1:before {
    content: "\E635"
}

.icon-me-set1:before {
    content: "\E636"
}

.icon-new-spec:before {
    content: "\E637"
}

.icon-new-special:before {
    content: "\E638"
}

.icon-new-country:before {
    content: "\E639"
}

.icon-set-opinion:before {
    content: "\E63A"
}

.icon-set-deal:before {
    content: "\E63B"
}

.icon-set-QA:before {
    content: "\E63C"
}

.icon-me-free:before {
    content: "\E63D"
}

.icon-order-delivery:before {
    content: "\E63E"
}

.icon-me-message:before {
    content: "\E63F"
}

.icon-me-groups:before {
    content: "\E640"
}

.icon-me-coupon:before {
    content: "\E641"
}

.icon-me-ticket:before {
    content: "\E642"
}

.icon-order-groups:before {
    content: "\E643"
}

.icon-order-pay:before {
    content: "\E644"
}

.icon-order-rated:before {
    content: "\E645"
}

.icon-order-takedelivery:before {
    content: "\E646"
}

.icon-nav-home-colour:before {
    content: "\E647"
}

.icon-nav-category-line:before {
    content: "\E648"
}

.icon-nav-home-line:before {
    content: "\E649"
}

.icon-nav-me-line:before {
    content: "\E64A"
}

.icon-nav-overseashop-colour:before {
    content: "\E64B"
}

.icon-nav-overseashop-line:before {
    content: "\E64D"
}

.icon-nav-new-line:before {
    content: "\E64E"
}

.icon-nav-category-colour:before {
    content: "\E64F"
}

.icon-nav-me-colour:before {
    content: "\E650"
}

.icon-column-time:before {
    content: "\E651"
}

.icon-me-heart:before {
    content: "\E652"
}

.icon-addresschoose:before {
    content: "\E653"
}

.icon-refresh:before {
    content: "\E654"
}

.icon-daily-berserk:before {
    content: "\E655"
}

.icon-seckill-time-frame:before {
    content: "\E606"
}

.icon-seckill-clock:before {
    content: "\E65E"
}

.icon-pending:before {
    content: "\E656"
}

.icon-column-heart:before {
    content: "\E601"
}

.icon-nav-new-colour-copy:before {
    content: "\E679"
}

.icon-evaluation-star:before {
    content: "\E602"
}

.icon-evaluation-camera:before {
    content: "\E603"
}

.icon-evaluation-star-line:before {
    content: "\E605"
}

.icon-iconfontmoban_fuzhi:before {
    content: "\E600"
}

.icon-set-clean:before {
    content: "\E60A"
}

.icon-coupon-illustration:before {
    content: "\E64C"
}

.icon-more:before {
    content: "\E65F"
}

.icon-officialcustomerservice:before {
    content: "\E660"
}

.icon-count-down:before {
    content: "\E662"
}

.icon-majorsuit-clearance:before {
    content: "\E666"
}

.icon-coordinate-points:before {
    content: "\E66E"
}

.icon-sweep:before {
    content: "\E663"
}

.icon-contacts:before {
    content: "\E670"
}

.icon-frends:before {
    content: "\E66E"
}

.icon-speed-group:before {
    content: "\E664"
}

.icon-mark-diamond:before {
    content: "\E676"
}

.icon-mark-alarmclock:before {
    content: "\E67A"
}

.icon-mark-fruit:before {
    content: "\E67B"
}

.icon-mark-skirt:before {
    content: "\E67C"
}

.icon-mark-diamond-1:before {
    content: "\E680"
}

.icon-mark-alarmclock-1:before {
    content: "\E681"
}

.icon-mark-fruit-1:before {
    content: "\E67E"
}

.icon-mark-skirt-1:before {
    content: "\E67F"
}

.icon-chat-feedback:before {
    content: "\E6B1"
}

.icon-category-man:before {
    content: "\E686"
}

.icon-category-hot:before {
    content: "\E688"
}

.icon-category-shoes:before {
    content: "\E689"
}

.icon-category-underwear:before {
    content: "\E687"
}

.icon-category-recharge:before {
    content: "\E68A"
}

.icon-recently-group:before {
    content: "\E683"
}

.icon-me-groups-new:before {
    content: "\E6AD"
}

.icon-drift-bottle:before {
    content: "\E699"
}

.icon-broadcast:before {
    content: "\E674"
}

.icon-play:before {
    content: "\E692"
}

.icon-replay-01:before {
    content: "\E694"
}

.icon-edit:before {
    content: "\E69D"
}

.icon-microphone:before {
    content: "\E673"
}

.icon-cards-museum:before {
    content: "\E6A9"
}

.icon-cards-museum-cancel:before {
    content: "\E6AA"
}

.icon-cards-buy-arrow:before {
    content: "\E6B4"
}

.icon-weixin_fanhuishangye:before {
    content: "\E723"
}

.icon-huidaodingbu:before {
    content: "\E722"
}